<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>3d转换</title>
</head>
<body>
<div class="a1">转换 旋转x轴</div>
<div class="a">转换 旋转x轴</div>
<div class="b1">转换 旋转y轴</div>
<div class="b">转换 旋转y轴</div>
<style>
    .b1{
        background-color: yellow;

    }
    .b{
        background-color: yellow;
        transform: rotateY(130deg);
    }
    div{

        text-align: center;
        padding: 100px;
    }
    .a{
        background-color: red;
        transform: rotateX(130deg);

    }
    .a1{
        background-color: red;


    }
</style>
</body>
</html>